<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>financialAdmin</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous" />
    <link rel="stylesheet" href="../Css/transactions.css" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="../Css/homePage.css" />
    <script src="../utils/jquery-3.6.0.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>
</head>

<body>
    <div class="container-fluid">
        <div class="header">
            <div class="title">
              <p><span>互联网医疗服务后台管理</span>
                    <div class="icon">
                        <div class="glyphicon glyphicon-user"><a id="username" href="./doctorAdmin.html">admin</a></div>
                        <div class="glyphicon glyphicon-home"><a href="./homePage.html">首页</a></div>
                        <div class="glyphicon glyphicon-off"><a href="./login.html">退出</a></div>
                    </div>
                </p>
            </div>
          </div>
          <div class="body">
            <div class="nav" id="nav">
              <li>
                  <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u21.svg" alt="" style="top:5px ;"><a href="./homePage.html">首页</a></h4>
              </li>
              <li>
                  <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u29.png" alt=""> 医生管理</h4>
                  <ul class="nav nav-pills nav-stacked">
                      <li role="presentation"><a href="./doctorAdmin.html">医生列表</a></li>
                      <li role="presentation"><a href="./doctorReview.html">医生审核</a></li>
                      <li role="presentation"><a href="./serviceAudit.html">服务审核</a></li>
                    </ul>
              </li>
              <li>
                  <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u23.png" alt=""><a href="./userAdmin.html">用户管理</a></h4>
              </li>
              <li>
                   <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u34.svg" alt=""><a href="./prescriptionAdmin.html">处方管理</a></h4>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u41.svg" alt=""> 订单管理</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="./consultationListManagement.html">问诊单管理</a></li>
                    <li role="presentation"><a href="./registrationOrderManagement.html">挂号单管理</a></li>
                    <li role="presentation"><a href="./drugOrderManagement.html">药品订单管理</a></li>
                  </ul>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u42.png" alt=""> 财务管理</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="./transactions.html">交易记录</a></li>
                    <li role="presentation"><a href="./settlementAdmin.html">结算管理</a></li>
                    <li role="presentation"><a href="./transferAdmin.html">转账管理</a></li>
                  </ul>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u44.png" alt=""> 商品管理</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="./commodityManagement.html">药品列表</a></li>
                    <li role="presentation"><a href="#">药品分类</a></li>
                    <li role="presentation"><a href="#">药品审核</a></li>
                  </ul>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u48.svg" alt=""> 运营管理</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="./runningManage.html">优惠券管理</a></li>
                    <li role="presentation"><a href="./runningManageSystem.html">系统消息</a></li>
                    <li role="presentation"><a href="#">APP推送消息</a></li>
                    <li role="presentation"><a href="#">短信消息</a></li>
                    <li role="presentation"><a href="#">广告管理</a></li>
                    <li role="presentation"><a href="#">活动管理</a></li>
                  </ul>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u51.png" alt=""> 内容管理</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="./carouselPage.html">轮播图管理</a></li>
                    <li role="presentation"><a href="./diseasePage.html">疾病科普</a></li>
                    <li role="presentation"><a href="#">医院管理</a></li>
                    <li role="presentation"><a href="#">医院科室管理</a></li>
                    <li role="presentation"><a href="#">药店管理</a></li>
                    <li role="presentation"><a href="#">平台科室管理</a></li>
                    <li role="presentation"><a href="./questionPage.html">常见问题</a></li>
                  </ul>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u54.png" alt=""> 统计</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="./tradeStatic.html">交易统计</a></li>
                    <li role="presentation"><a href="./userStatic.html">用户统计</a></li>
                    <li role="presentation"><a href="./docotorStatic.html">医生统计</a></li>
                  </ul>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u57.svg" alt=""> 设置</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="./messageReminder.html">消息提醒</a></li>
                    <li role="presentation"><a href="./basicSettings.html">基本设置</a></li>
                  </ul>
              </li>
              <li>
                <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u62.png" alt=""> 权限</h4>
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation"><a href="#">成员管理</a></li>
                    <li role="presentation"><a href="#">角色管理</a></li>
                    <li role="presentation"><a href="#">操作日志</a></li>
                    <li role="presentation"><a href="#">数据库管理</a></li>
                  </ul>
              </li>
              <li>
                <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u61.png" alt=""><a href="./userAdmin.html">意见管理</a></h4>
            </li>
          </div>
            <!-- 右侧全部内容 -->
            <div class="show">
                <p><span>结算管理</span></p>
                <div class="primary">
                    <div class="data">
                        <span>结算数据</span>
                        <!-- 选择按钮 -->
                        <div id="dataBtn">
                            <button type="submit"id="derive">导出数据</button>
                            <button id="whole" type="submit"
                                style=" background-color: rgba(0, 121, 254, 1); color: white;">全部</button>
    
                            <button type="submit" id="week">最近一周</button>
                            <button type="submit"id="month">最近30天</button>
                            <input type="date" id="start" value="submit" ></input>
                            <input type="date" id="end"></input>
                        </div>

                    </div>
                    <!-- 总计显示 -->
                    <div class="total">
                        <div>
                            <p>待结算金额</p>
                            <p class="sales"></p>
                        </div>
                        <div>
                            <p>可用金额</p>
                            <p  class="order"></p>
                        </div>
                    </div>
                    <p id="flowing">结算记录流水</p>
                    <div class="record">
                        <button type="button" class="transaction" >结算记录</button>
                        <button type="button" class="refund">余额记录</button>
                    </div>
                    <div class="recordTable">
                        <table class="table table-bordered">
                            <thead>
                                <!-- <tr >
                                    <th>交易流水号</th>
                                    <th>用户</th>
                                    <th>交易金额</th>
                                    <th>来源</th>
                                    <th>支付方式</th>
                                    <th>交易状态</th>
                                    <th>交易时间</th>
                                </tr> -->
                                </thead>
                                <tbody>
                                <!-- <tr>
                                    <td>20200202</td>
                                    <td>18812341234</td>
                                    <td>200</td>
                                    <td>挂号预约</td>
                                    <td>微信</td>
                                    <td>成功</td>
                                    <td>2020-02-07 21：00：00</td>
                                </tr> -->
                               </tbody>
                        </table>
                    </div>
                    <div class="pageNumber"> 
                        <nav aria-label="Page navigation">
                            
                            <ul class="pagination">
                                    
                                <li >
                                    <span id="change"></span>
                                    <a href="#" class="prev" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                    </a>
                                </li> 
                                <!-- <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">6</a></li>
                                <li><a href="#">7</a></li>
                                <li><a href="#">8</a></li>
                                <li><a href="#">9</a></li>
                                <li><a href="#">10</a></li> -->
                                <li>
                                    <a href="#"   class="next" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <script src="../JS/settlementAdmin.js"></script>
            <script src="../JS/homePage.js"></script>
</body>
</html>